import React from 'react'
import { Col, Row } from 'antd';
import { Button, Form, Input, Select } from 'antd';
import { DatePicker, Space } from 'antd';
// import React from 'react';
const { RangePicker } = DatePicker;
// import React from 'react';
const { Option } = Select;

const layout = {
    labelCol: {
        span: 8,
    },
    wrapperCol: {
        span: 16,
    },
};
const tailLayout = {
    wrapperCol: {
        offset: 8,
        span: 16,
    },
};

const Inquire = (props) => {
    const [form] = Form.useForm();

    const onFinish = (values) => {
        console.log(values);
    };
    const onReset = () => {
        form.resetFields();
    };



    return (
        <div style={{ marginTop: '20px' }}>
            <Form {...layout} form={form} name="control-hooks" onFinish={onFinish}>
                <Row>
                    <Col span={8}>
                        <Form.Item
                            name="note"
                            label="名称"
                        >
                            <Input />
                        </Form.Item>
                    </Col>
                    <Col span={8}>
                        <Form.Item
                            name="yeas"
                            label="创建时间"
                        >
                            <RangePicker />
                        </Form.Item>
                    </Col>
                    <Col span={8}>
                        <Form.Item {...tailLayout}>
                            <Button type="primary" htmlType="submit">
                                查询
                            </Button>
                            <Button htmlType="button" onClick={onReset}>
                                重置
                            </Button>
                        </Form.Item>
                    </Col>
                </Row>
            </Form>
        </div>
    )
}

export default Inquire